<template>
    <div>
        <!-- <el-select v-model="value" placeholder="请选择" @change='cs'>
            <el-option
                v-for="item in options"
                :key="item.value"
                :label="item.label"
                :value="item.value"
            >
            </el-option>
        </el-select>
        <span>{{ $t("message.hello") }}</span> -->
        <!-- <span v-for='(value, key) in language' :key='key'>
            {{value}}
        </span> -->
        <header class="login-header">
            <div class="left-img-box">
                <a href="javascript:;" @mouseover='a1=!a1' @mouseout='a1=!a1'>
                    <div v-if='a1'>
                        <img src="../../assets/images/login/app_ios.png" alt="">
                    </div>
                </a>
                <a href="javascript:;"></a>
                <a href="javascript:;"></a>
            </div>
        </header>
    </div>
</template>
<script>
export default {
    data() {
        return {
            a1:false,
            value:'',
            language:{},
            options: [
                {
                    value: "CN",
                    lable: "CN",
                },
                {
                    value: "EN",
                    lable: "EN",
                }
            ],
            inputval:undefined,
        };
    },
    methods: {
        async getBackGroundImg() {
        },
        cs(value){
            console.log(value);
            this.$i18n.locale = value
        },
        inputChange(){
            console.log(this.inputval,typeof(this.inputval),'v-model')
        }
    },
    created(){
    },
    mounted() {
        this.getBackGroundImg();
    },
};
</script>
<style lang="less" scoped>
    .login-header {
        
        height: 86px;
        background-color: #f5f5f5;
        border-bottom: 1px solid #ccc;
        
    }
    .left-img-box {
        width:500px;
        height:100%;
        display: flex;
        justify-content: space-around;
        align-items: center;
        a{
            display: block;
            width: 121px;
            height:37px;
            background-color: skyblue;
            background: url(../../assets/images/login/login-store.png);
            
            
        }
        a:nth-child(1) {
            background-position-y: -40px;
            position: relative;
            div {

            }
            div:before{
                content: '';
                width: 0px;
                height: 0px;
                border-left: 25px solid transparent;
                border-right: 25px solid transparent;
                border-bottom: 25px solid #fff;
                position: absolute;
                top: 36px;
                left: 33px;
                z-index: 2;
            }
            div img{
                position: absolute;
                width: 160px;
                height: 160px;
                top: 61px;
                left: -20px;
                box-shadow: 3px 1px 6px 2px #ccc;
            }
        }
        a:nth-child(3) {
            background-position-y: -80px;
        }
    }
</style>
